$(function () {
    // 轮播交互
    $(".menuslide #slider").slidebox({
        boxh: 448, //盒子的高度
        w: 1000, //图片的宽度
        h: 448, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 30, //控制按钮宽度
        controlsH: 5, //控制按钮高度
        radius: 10 //控制按钮圆角度数
    });
    // 电子书轮播
    $(".book #slider").slidebox({
        boxh: 220, //盒子的高度
        w: 326, //图片的宽度
        h: 220, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 16, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20, //控制按钮宽度
        controlsH: 5, //控制按钮高度
        radius: 5 //控制按钮圆角度数
    });
    // 服装轮播
    $(".cloth #slider").slidebox({
        boxh: 338, //盒子的高度
        w: 425, //图片的宽度
        h: 338, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 40, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20, //控制按钮宽度
        controlsH: 5, //控制按钮高度
        radius: 5 //控制按钮圆角度数
    });
    // 运动轮播
    $(".sports #slider").slidebox({
        boxh: 338, //盒子的高度
        w: 425, //图片的宽度
        h: 338, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 16, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20, //控制按钮宽度
        controlsH: 5, //控制按钮高度
        radius: 5 //控制按钮圆角度数
    });
    // 儿童轮播
    $(".child #slider").slidebox({
        boxh: 338, //盒子的高度
        w: 425, //图片的宽度
        h: 338, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 16, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20, //控制按钮宽度
        controlsH: 5, //控制按钮高度
        radius: 5 //控制按钮圆角度数
    });
    // book轮播选项卡交互
    $('.book-nav li').on("mouseenter", function () {
        // console.log($(this).index());
        // 清除所有li的类名oncolor
        $(".book-nav li").removeClass('oncolor');
        // 给选中的li添加类名oncolor
        $(this).addClass('oncolor');
        // 清除所有.book-rt类名ondisplay
        $(".book-rt").removeClass('ondisplay');
        // 添加选中li的索引对应的div
        $(".book-rt").eq($(this).index()).addClass('ondisplay')

    })
    //今日推荐
    $('.recommend>div ul li').on('mouseenter', function () {
        $(this).css({
            "box-shadow": "0 0 30px #f60",
            border: "2px solid #f60",
            "transform": "translateY(-5px)"
        })
    })
    $('.recommend>div ul li').on('mouseleave', function () {
        $(this).css({
            "box-shadow": "0 0 0px #666",
            border: "2px solid transparent",
            "transform": "translateY(0px)"
        })
    })


    //电子书手风琴
    $('.book .rt li').on('mouseenter', function () {

        $('.book .rt li').find("h4").removeClass("none")

        $('h4', this).addClass('none')

        $('.book .rt li').find("div").removeClass("ondisplay")

        $('div', this).addClass('ondisplay')
    })
    $('.book .rt li').on('mouseleave', function () {

        $('.book .rt li').find("h4").removeClass("none")

        $('.book .rt li:first-child h4').addClass('none')

        $('.book .rt li').find("div").removeClass("ondisplay")

        $('.book .rt li:first-child div').addClass('ondisplay')
    })
    //电子书特效
    $('.book-search>li:not(:first-child) ').on('mouseenter', function () {
        $(this).css({
            "box-shadow": "0 0 20px #f60",
            // "transform": "translateY(-5px)"
        })
        // console.log(1);
    })
    $('.book-search>li:not(:first-child) ').on('mouseleave', function () {
        $(this).css({
            "box-shadow": "0 0 0px #666",
            "transform": "translateY(0px)"
        })
    })
    // 服装特效
    $('.cloth .Search>li:not(:first-child)').on('mouseenter', function () {
        $(this).css({
            "box-shadow": "0 0 30px #666",
            "transform": "translateY(-5px)"
        })
        $('.Search>li:nth-child(5)').css({
            "box-shadow": "0 0 0px #666",
            "transform": "translateY(0px)"
        })
        // console.log(1);
    })
    $('.cloth .Search>li:not(:first-child)').on('mouseleave', function () {
        $(this).css({
            "box-shadow": "0 0 0px #666",
            "transform": "translateY(0px)"
        })
    })
    // 服装选项卡
    $('.cloth .cloth-nav li').on("mouseenter", function () {
        // console.log($(this).index());
        // 清除所有li的类名oncolor
        $(".cloth .cloth-nav li").removeClass('oncolor');
        // 给选中的li添加类名oncolor
        $(this).addClass('oncolor');
        // 清除所有.book-rt类名ondisplay
        $(".cloth .cloth-rt").removeClass('ondisplay');
        // 添加选中li的索引对应的div
        $(".cloth .cloth-rt").eq($(this).index()).addClass('ondisplay')
    })
    // 运动
    $('.sports .Search>li:not(:first-child)').on('mouseenter', function () {
        $(this).css({
            "box-shadow": "0 0 30px #666",
            "transform": "translateY(-5px)"
        })
        $('.Search>li:nth-child(5)').css({
            "box-shadow": "0 0 0px #666",
            "transform": "translateY(0px)"
        })
        // console.log(1);
    })
    $('.sports .Search>li:not(:first-child)').on('mouseleave', function () {
        $(this).css({
            "box-shadow": "0 0 0px #666",
            "transform": "translateY(0px)"
        })
    })
    // 运动选项卡
    $('.sports .cloth-nav li').on("mouseenter", function () {
        // console.log($(this).index());
        // 清除所有li的类名oncolor
        $(".sports .cloth-nav li").removeClass('oncolor');
        // 给选中的li添加类名oncolor
        $(this).addClass('oncolor');
        // 清除所有.book-rt类名ondisplay
        $(".sports .cloth-rt").removeClass('ondisplay');
        // 添加选中li的索引对应的div
        $(".sports .cloth-rt").eq($(this).index()).addClass('ondisplay')
    })
    // 儿童
    $('.child .Search>li:not(:first-child)').on('mouseenter', function () {
        $(this).css({
            "box-shadow": "0 0 30px #666",
            "transform": "translateY(-5px)"
        })
        $('.Search>li:nth-child(5)').css({
            "box-shadow": "0 0 0px #666",
            "transform": "translateY(0px)"
        })
        // console.log(1);
    })
    $('.child .Search>li:not(:first-child)').on('mouseleave', function () {
        $(this).css({
            "box-shadow": "0 0 0px #666",
            "transform": "translateY(0px)"
        })
    })
    // 儿童选项卡
    $('.child .cloth-nav li').on("mouseenter", function () {
        // console.log($(this).index());
        // 清除所有li的类名oncolor
        $(".child .cloth-nav li").removeClass('oncolor');
        // 给选中的li添加类名oncolor
        $(this).addClass('oncolor');
        // 清除所有.book-rt类名ondisplay
        $(".child .cloth-rt").removeClass('ondisplay');
        // 添加选中li的索引对应的div
        $(".child .cloth-rt").eq($(this).index()).addClass('ondisplay')
    })

    //推广产品
    $('.goods .paging li').on('mouseenter', function () {
        // console.log(1111);
        $('.goods .paging li').removeClass('onf60')

        $(this).addClass('onf60')

        $('.goods .mian > ul').removeClass('ondisplay')

        $(".goods .mian > ul").eq($(this).index()).addClass('ondisplay')


    })

    // 置顶
    // console.log($("html").scrollTop());
    // console.log($('goods').offset().top);
    $(window).on('scroll', function () {
        // console.log($(this).scrollTop());
        if ($(this).scrollTop() > 600) {
            $('.top').addClass('ondisplay')
            $('.top-sreach').stop(true).slideDown()
            $('.head-input').appendTo('.top-sreach')
        } else {
            $('.top').removeClass('ondisplay')
            $('.top-sreach').stop(true).slideUp()
            $('.head-input').appendTo('.head-search')
        }
    })
    $('.top').on('click', function () {
        $("html").animate({
            scrollTop: 0
        })

    })
    $('.floor p').on({
        'mouseenter': function () {
            let color = $(this).data('bgc')
            // console.log(color);

            if ($(this).index() != 5) {
                $(this).css({
                    backgroundPositionX: -40,
                    backgroundColor: color,
                    width: 80

                })
            }

        },
        'mouseleave': function () {
            if ($(this).index() != 5) {
                $(this).css({

                    backgroundPositionX: 0,
                    backgroundColor: "#ccc",
                    width: 40
                })
            }
        },
        'click': function () {
            if ($(this).index() != 5) {
                let top = $('.floor-box').eq($(this).index()).offset().top;
                // console.log(top);
                $('html').animate({
                    scrollTop: top
                })
            }
        }


    })
})